<template>
	
		<div style="width:100%;">
			<el-table :data="tableData" highlight-current-row style="width: 100%" tooltip-effect="dark">
				<el-table-column prop="haid" label="序号">
				</el-table-column>
				<el-table-column prop="step" label="步骤">
				</el-table-column>
				<el-table-column prop="agent" label="经办人">
				</el-table-column>
				<el-table-column prop="suggestion" label="处理意见">
				</el-table-column>	
                <el-table-column prop="content" label="意见内容">
				</el-table-column>
                <el-table-column prop="processingtime" label="处理时间">
				</el-table-column>	

         <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="contractinfo(scope.row)" type="text" size="small">添加</el-button>
        <el-button  @click="info(scope.row)" type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>		
					
			</el-table>
      <!-- <el-button style="margin-top: 20px; margin-left:500px" type="primary" @click="add">增加</el-button> -->
		<el-button style="margin-top: 20px; margin-left:500px" type="primary" @click="onSubmit">保存</el-button>
		</div>
		
      
</template>

<script>
	export default {
		data(){
    return {
      tableData:[]
    }
  },
  created:function() {
   
    this.init()
  },

   methods:{
        onSubmit () {        
             this.$axios.post("http://localhost:8082/historyapproval/addHistoryapproval", {
                       
            }).then(resp=>{
                
                console.log(resp)
                
            });
      },
	  init(){
		  
		  this.$axios.get("http://localhost:8082/historyapproval/selectAll", {
         
        })
        .then(resp => {
         
          this.tableData = resp.data.data;
		      console.log(resp)
        });
	  },
    contractinfo(){

    },
    info(){
      
    }
  },
	}
</script>

<style scoped="scoped">

</style>